.dialog.show {
    display: block;
}
.dialog {
    ul{
        list-style-type: none;
    }
    position: fixed;
    top: 15%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    background-color: #08221B;
    // background-image: url('assets/img/aaaa.jpeg');
    display: none;
    width: 380px;
    max-width: 99%;
    padding: 40px;
    z-index: 5;
    border-radius: 6px;
    .btn-close {
        position: absolute;
        top: 20px;
        right: 20px;
        width: 13px;
        height: 13px;
        background-image: url(http://www.influencechain.org/home-assets/img/btn-close.svg?v=0.05211);
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: contain;
        cursor: pointer;
    }
    .tabs {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0 0 30px;
        padding-left: 0;
        .tab {
            padding: 10px;
            font-size: 18px;
            color: #fff;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            -ms-flex-negative: 0;
            flex-shrink: 0;
            text-align: center;
            cursor: pointer;
        }
        .tab.active {
            color: #ffffff;
            background-image: -webkit-gradient(right top,right top,color-stop(0,#ffffff),color-stop(100%,#ffffff));
            background-image: -webkit-gradient(linear,left top,right top,from(#ffffff),to(#ffffff));
            background-image: linear-gradient(90deg,#ffffff 0,#ffffff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
            border-width: 0 0 2px;
            border-style: solid;
            border-color: #ffffff;
            border-image: -webkit-gradient(right top,right top,color-stop(0,#ffffff),color-stop(100%,#ffffff)) 2;
            -o-border-image: linear-gradient(90deg,#ffffff,#ffffff) 2;
            border-image: -webkit-gradient(linear,left top,right top,from(#ffffff),to(#ffffff)) 2;
            border-image: linear-gradient(90deg,#ffffff,#ffffff) 2;
        }
    }
    .form-group {
        position: relative;
        margin-bottom: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        .input-wrapper {
            position: relative;
            width: 100%;
        }
        .input-wrapper:before {
            content: "";
            position: absolute;
            top: 14px;
            left: 14px;
            width: 17px;
            height: 17px;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            z-index: 1;
        }
        input[type=password], input[type=text] {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            height: 45px;
            width: 100%;
            font-size: 13px;
            padding-left: 45px;
            background-color: #ffffff;
            border: 1px solid #ffffff;
            outline: none;
            position: relative;
            color: #eb7c7e;
        }
        .btn {
            border-radius: 4px;
            font-size: 14px;
        }
        .btn.btn-primary {
            outline: none;
            border: 0;
            background: #13aff1;
            // background: -webkit-gradient(right top,right top,color-stop(0,#003f6d),color-stop(100%,#b32d1d));
            // background: -webkit-gradient(linear,left top,right top,from(#003f6d),to(#b32d1d));
            // background: linear-gradient(90deg,#003f6d 0,#b32d1d);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5029fe",endColorstr="#aa3aff",GradientType=1);
        }
        .checkbox {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            white-space: nowrap;
            input[type=checkbox] {
                margin-right: 4px;
            }
        }
    }
    .form-group.options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
#dialog-login #btn-login {
    width: 100%;
}
.btn{
    padding:12px 20px;
}
[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0;
    width: 20px;
    height: 20px;
}
@media screen and (max-width: 381px) {
    .checkbox-margin{
      margin-right: 26%;
    }
  }

  @media screen and (min-width: 382px) and (max-width: 393px) {
    .checkbox-margin{
      margin-right: 29%;
    }
  }
  
  @media screen and (min-width: 394px) {
    .checkbox-margin{
      margin-right: 31%;
    }
  }

  @media screen and (min-width: 1680px){
      .language-native{
          margin-left: 25%;
      }
  }
  @media screen and (min-width: 1460px) and (max-width: 1679px){
    .language-native{
        margin-left: 15%;
    }
  }
  @media screen and (min-width: 1360px) and (max-width: 1459px){
    .language-native{
        margin-left: 10%;
       // padding-right: 0;
    }
}
@media screen and (min-width: 1259px) and (max-width: 1359px){
    .language-native{
        margin-left: 2%;
       padding-right: 0;
    }
}

.btn-login{
    color: white;
    background:linear-gradient(to right, #5138FA, #A845FB);
}